<template>
  <el-dialog title="" :visible.sync="visible" width="800px" append-to-body>
    <table
      class="printTable"
      border="1"
      id="printM"
      cellspacing="0"
      width="100%"
      height="800px"
    >
      <caption align="top" style="margin-bottom: 30px; font-size: 24px">
        重庆高新开发建设投资集团有限公司中介机构比选表
      </caption>
      <tr>
        <td
          colspan="3"
          style="text-align: left; font-weight: bold"
          height="40px"
          class="font-FangSong topfont noBorder title-font"
        >
          比选单位：{{ form.createBy }}
        </td>
      </tr>
      <tr>
        <td
          width="120px"
          height="60px"
          style="font-weight: bold"
          class="small font-SimHei"
        >
          项 目 名 称
        </td>
        <th colspan="3" class="input commonBorder font-FangSong">
          {{ form.extractItem }}
        </th>
      </tr>

      <!-- <tr>
        <td class="small font-SimHei">建 设 地 址</td>
        <th colspan="3" class="input commonBorder font-FangSong">
          {{ form.extractAddress }}
        </th>
      </tr> -->
      <tr>
        <td style="font-weight: bold" class="small font-SimHei">
          中介服务
          <br />
          类型
        </td>
        <th width="150px" class="input font-FangSong">
          {{ form.unitTypeName}}
        </th>
        <td style="font-weight: bold" width="80px" class="small font-SimHei">
          限价（万元）
        </td>
        <th class="input commonBorder font-FangSong">
          {{ form.maxPrice }}
        </th>
      </tr>
      <tr>
        <td class="small font-SimHei" style="font-weight: bold">比选时间</td>
        <th class="input font-FangSong"></th>
        <td class="small font-SimHei" style="font-weight: bold">比选地点</td>
        <th colspan="3" class="input commonBorder font-FangSong"></th>
      </tr>

      <tr>
        <td colspan="2" style="font-weight: bold" class="small font-SimHei">
          参选单位
        </td>
        <td width="120px" style="font-weight: bold" class="small font-SimHei">
          报价
        </td>
        <td
          width="120px"
          style="font-weight: bold"
          class="small commonBorder font-SimHei"
        >
          签字确认
        </td>
      </tr>
      <tr v-if="items && items.length < 1">
        <th colspan="2" height="60px"></th>
        <th></th>
        <th class="commonBorder"></th>
      </tr>
      <tr v-for="item in items" :key="item.id">
        <th colspan="2" class="input font-FangSong">{{ item.randomUnitName }}</th>
        <th class="input font-FangSong"></th>
        <th class="input commonBorder font-FangSong">
          
        </th>
      </tr>

      <tr>
        <td
          colspan="4"
          height="60px"
          style="font-weight: bold"
          class="small commonBorder font-SimHei"
        >
          中选单位
        </td>
      </tr>
      <tr>
        <td colspan="3" style="height: 60px;" class="small font-SimHei"></td>
        <th class="input commonBorder font-FangSong" >
          
        </th>
      </tr>
 
      <tr>
        <td style="font-weight: bold" class="small font-SimHei">比选人</td>
        <th class="input commonBorder font-FangSong" colspan="3">
          
        </th>
      </tr>
      <tr>
        <td style="font-weight: bold" class="small font-SimHei">监督人</td>
        <th colspan="3" class="input commonBorder font-FangSong">
         
        </th>
      </tr>
      <tr>
        <td style="font-weight: bold" rowspan="2" class="small a1 font-SimHei">
          <br />
          备注：
          <br />
          <br />
        </td>
        <th
          colspan="3"
          rowspan="2"
          class="input commonBorder a1 font-FangSong"
        ></th>
      </tr>
      <caption align="bottom" style="margin-bottom: 10px; font-size: x-small;margin-top: 15px;">
        注：1.由经办人检查比选单位报价表的密封情况和资格符合情况，监督人全程监督。
      </caption>
    </table>
    <el-button
      v-print="'#printM'"
      type="primary"
      style="margin-top: 10px; margin-left: 90%"
      >打 印</el-button
    >
  </el-dialog>
</template>

<script>
export default {
  props: ["comparisonVisible", "form", "items"],
  computed: {
    visible: {
      get() {
        return this.comparisonVisible;
      },
      set(value) {
        this.$emit("update:comparisonVisible", value);
      },
    },
  },
};
</script>

<style scoped lang="scss">
.topfont {
  font-size: 16px;
  font-weight: 400;
}
.small {
  text-align: center;
  font-weight: 100;
  font-size: 16px;
}
.bigfont {
  font-size: 18px;
  font-weight: 100;
  text-align: center;
  font-family: FangSong;
}
.input {
  font-size: 16px;
  font-weight: 400;
}
.printTable {
  border: unset;
}
.noBorder {
  border: unset;
}
.commonBorder {
  border-right: 1px solid #9a9a9a;
}
.a1 {
  border-bottom: 1px solid #9a9a9a;
}
.title-font {
  font-family: FangSong;
}
.font-SimHei {
  font-family: FangSong;
}
.font-FangSong {
  font-family: FangSong;
}
</style>